@charset "UTF-8";
@import '../mixins/index.scss';

$componentPrefix: initPrefix();
$maxCol: 24;
$maxSpace: 18;
/* #{$maxCol} 分栏 */
@for $i from 1 through $maxCol {
  // col-1
  #{$componentPrefix}col-#{$i} {
    width: $i * (100% / $maxCol);
    /* #ifndef APP-NVUE */
    box-sizing: border-box;
    /* #endif */
  }
}

/* #ifdef H5 */
// 参考至layui
@for $i from 1 through $maxSpace {
  #{$componentPrefix}col-space-#{$i} {
    margin: -$i/2 * $ft-point;
  }
}
@for $i from 1 through $maxSpace {
  #{$componentPrefix}col-space-#{$i} > * {
    padding: $i/2 * $ft-point;
  }
}
/* #endif */

/* #ifdef MP-WEIXIN */
@for $i from 1 through $maxSpace {
  #{$componentPrefix}col-space-#{$i} > view {
    padding: $i/2 * $ft-point;
  }
}
/* #endif */
